<template>
  <div class="fragments">
    <headerWrap></headerWrap>
    <div class="container-wrap">
      <div class="container-y" style="overflow: hidden">
        <div class="pull-wrap">
          <div id="planList" class="mescroll">
            <ul class="data-list-wrap">
              <li class="d-item"
                  v-for="(item,index) in planList"
                  v-if="item.title"
                  :key="index"
                  @tap="itemClick(item,index)">
                <div class="i-img iy-bg-green">
                  <i class="iconfont icon-qkbg"></i>
                </div>
                <div class="i-content">
                  <div class="i-title">
                    {{item.title}}
                  </div>
                  <div class="i-time">
                   发布时间：{{item.beginDate}} {{item.beginTime}}
                  </div>
                  <div class="i-time">
                   反馈截止时间：{{item.endDate}} {{item.endTime}}
                  </div>
                </div>
                <div :class="item.state == 1?'i-state-plan1':'i-state-plan2'"></div>
              </li>
            </ul>
            <!--<noMoreData v-if="!planList.length"></noMoreData>-->
          </div>
        </div>
      </div>
    </div>
    <transition name="slideRight">
      <router-view></router-view>
    </transition>
    <actionSheet
      :isShow="actionShow"
      :actionData="actionData"
      @check="actionClick"
      @cancel="actionShow = false">
    </actionSheet>
  </div>
</template>

<script>
  import planList from "./planList.js"
  export default planList
</script>

<style scoped>
  .i-title{
    margin:2px 0!important;
    font-size: 17px!important;
  }
  .i-time{
    margin-top: 2px!important;
  }
  .pull-wrap{
    height: 100%;
  }
</style>
